<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>m3u8播放器</title>
    <!-- 引入Video.js样式 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/video.js@7.10.2/dist/video-js.min.css">
</head>
<body>
    <h1>m3u8视频播放器</h1>
    <video id="myVideo" class="video-js vjs-default-skin" controls preload="auto" width="640" height="360">
        <source src="http://119.3.160.6:9091/mylive_hls/12345.m3u8" type="application/x-mpegURL">
        您的浏览器不支持Video.js播放m3u8视频。
    </video>

    <!-- 引入Video.js库 -->
    <script src="https://cdn.jsdelivr.net/npm/video.js@7.10.2/dist/video.min.js"></script>
    <!-- 引入Video.js的m3u8插件 -->
    <script src="https://cdn.jsdelivr.net/npm/@videojs/http-streaming@2.2.2/dist/videojs-http-streaming.min.js"></script>
    <script>
        var player = videojs('myVideo');
        player.play();
    </script>
</body>
</html>
